<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<div id="top">
		<ul>
			<li>欢迎光临</li>
			<li><a href="#">china-pub网上书店</a></li>
			<li>[<a href="#">登陆</a>]</li>
			<li>[<a href="#">注册</a>]</li>
			<li style="margin-left: 100px;">我的china-pub</li>
			<li>|</li>
			<li><img src="images/cell.png"></li>
			<li>手机互动</li>
			<li>|</li>
			<li>图书团购</li>
			<li>|</li>
			<li>购书卡</li>
			<li>|</li>
			<li>帮助中心</li>
			<li>|</li>
			<li><img src="images/weixin.png">在线咨询</li>
			<li><img src="images/weibo.png"></li>
			<li><img src="images/tenxunweibo.png"></li>
			<li><img src="images/weixin.png"></li>
		</ul>
	</div>
	<div id="nav">
		<ul>
			<li style="margin-left: 0px;"><img src="images/logo.png"></li>
			<li style="margin-top:17px;"><input type="text" name="" style="width: 300px;height: 40px;border:1px solid red;"><input type="button" name="" value="搜索" style="width: 50px;height: 42px;border:1px solid red; background: #fff"><br>热门搜索：算法 数据库 代数 c++ 微商 概率</li>
			<li style="margin-top:17px;">高级搜索</li>
			<li id="car">购物车<span>0</span>件<img src="images/down.jpg"></li>
		</ul>
	</div>
	<div id="fenlei">
		<ul>
			<li style="margin-left:0;width: 150px;height:50px; background: orange;text-align: center;">全部图书分类</li>
			<li>首页|</li>
			<li>移动端专享|</li>
			<li>新书|</li>
			<li>特价书|</li>
			<li>借阅|</li>
			<li>教材|</li>
			<li>电子书|</li>
			<li>视频教程|</li>
			<li>按需应刷|</li>
			<li>在线阅读|</li>
			<li>排行榜|</li>
			<li>书评</li>
		</ul>
	</div>
	<p id="ww"><a href="#">首页</a>><a href="#">分类浏览</a>><a href="#">计算机</a>>软件与程序设计</p>
	<div id="main">
		<div id="left"><h4>软件与程序设计</h4><ul>
		<li>综合</li>
				<li>C/Turbo C</li>
				<li>C++</li>
				<li>VB</li>
				<li>BASIC/QQbasic</li>
				<li>JAVA(J#)</li>
				<li>.NET</li>
				<li>Delphi</li>
				<li>Kylix</li>
				<li>Pascal</li>
				<li>C#</li>
				<li>Powerbuilder</li>
				<li>网络编程</li>
				<li>移动开发</li>
				<li>自由软件</li>
				<li>CNU/Open Source</li>
				<li>Python</li>
				<li>COM/DCM/ATL/COM+</li>
				<li>汇编语言/编译原理</li>
				<li>MFC</li>
				<li>Palm</li>
				<li>TCL/TK</li>
				<li>Labview/Labwindows</li>
				<li>分布式系统设计</li>
				<li>AJAX</li>
				<li>Rails/Ruby</li>
				<li>Silverlight</li><br>
				<p align="right">返回上一级分类>></p>
				<p align="right">查看全部图书分类>></p>
</ul></div>
		<div id="right">
			<p id="shangmian">排序：<input type="button" name="" value="关注程度"> <input type="button" name="" value="上架时间"> <input type="button" name="" value="评论星级"> <input type="button" name="" value="销售排行"> <input type="button" name="" value="价格升序"> <input type="button" name="" value="出版日期"></p>
			<table id="tab">
				<!-- <tr id="rr">
					<td><img src="images/1.jpg" style="width: 100px;"></td>
					<td><p>jQuery+jQuery Mobile跨设备网页设计</p>
						<p>程婉玲(著)|清华大学出版社|97876564534|2017-7-1出版|2017-6-15上架</p>
						<p>(0人评价)</p>
						<p>VIP会员价：￥47.20(8折)        <s>￥59.00</s>  <img src="images/result_buy.jpg"> <img src="images/result_tuan.jpg"> <img src="images/result_fav.jpg"></p>
					</td>
				</tr> -->

			</table>
		</div>
	</div>
</body>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$.get("http://localhost:2403/mybook",function(data){
	for(var i = 0;i < data.length;i++){
		$('<tr id="rr"><td><img src="'+data[i].pic+'" style="width: 100px;"></td><td><p>'+data[i].bookname+'</p><p>'+data[i].preson+'(著)|'+data[i].form+'|'+data[i].id+'|2017-7-1出版|'+data[i].time+'上架</p><p>('+data[i].num+'人评价)</p><p>VIP会员价：￥'+data[i].preice+'(8折)<s>￥59.00</s>  <img src="images/result_buy.jpg"> <img src="images/result_tuan.jpg"> <img src="images/result_fav.jpg"></p></td></tr>').appendTo($("#tab"))
	}
	
})
</script>
</html>